<?php 
                                        $temp=rand(11,30);
                                        $pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";
                                        $content = $article->Content;
                                        preg_match_all($pattern,$content,$matchContent);
                                        if(isset($matchContent[1][0]))
                                        $temp=$matchContent[1][0];
                                        else
                                        $temp="$host/zb_users/theme/$theme/style/random/$temp.jpg";
										 ?>            
<div id="article-list">
                        <article class="zan-post clearfix">
 <i class="fa fa-bookmark article-stick"></i> 
	<!-- 大型设备文章显示 -->
	<section class="visible-md visible-lg">
    <div class="category-cloud"><a href="<?php  echo $article->Category->Url;  ?>" title="查看<?php  echo $article->Category->Name;  ?>中的全部文章" rel="category tag">置顶</a><a href="/" title="置顶" rel="category tag"><?php  echo $article->Category->Name;  ?></a></div>
		<h3>
			<a href="<?php  echo $article->Url;  ?>"><?php  echo $article->Title;  ?></a>
		</h3>
		<hr>
                  <div class="row">
          <div class="col-md-5">
            <figure class="thumbnail zan-thumb"><a href="<?php  echo $article->Url;  ?>"><img width="400" height="240" src="<?php  echo $temp;  ?>" data-original="<?php  echo $temp;  ?>" class="lazy attachment-medium wp-post-image" alt="banner_10" style="height: 166.79999999999998px; display: block;"><noscript><img width="400" height="240" src="<?php  echo $temp;  ?>" class="attachment-medium wp-post-image" alt="banner_10" /></noscript></a></figure>  
          </div>            
          <div class="col-md-7 visible-lg zan-outline"></a></h3>
<ul id="zi">
<?php $description = preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(TransferHTML($article->Content,'[nohtml]'),200)).'...'); ?><?php  echo $description;  ?></div>
          <div class="col-md-7 visible-md zan-outline">         
           
          </div>
        </div>
       
        <hr>
		<div class="pull-right post-info">
			<span><i class="fa fa-calendar"></i><?php  echo $article->Time('m月d日,Y');  ?></span>
			<span><i class="fa fa-user"></i> <a href="<?php  echo $author->Url;  ?>" title="由<?php  echo $article->Author->StaticName;  ?>发布" rel="author"><?php  echo $article->Author->StaticName;  ?></a></span>
			<span><i class="fa fa-eye"></i><?php  echo $article->ViewNums;  ?>次</span>
      <span><i class="fa fa-comment"></i> <a href="<?php  echo $article->Url;  ?>"><?php  echo $article->CommNums;  ?></a></span>
      		</div>
	</section>
	<!-- 大型设备文章显示结束 -->

	<!-- 小型设备文章显示 -->
	<section class="visible-xs  visible-sm">
		<div class="title-article">
			<h4><a href="<?php  echo $article->Url;  ?>"><?php  echo $article->Title;  ?></a></h4>
		</div>
		<p class="post-info">
			<span><i class="fa fa-calendar"></i><?php  echo $article->Time('m月d日,Y');  ?></span>
			<span><i class="fa fa-eye"></i><?php  echo $article->ViewNums;  ?>次</span>
		</p>
		<div class="content-article">
      <figure class="thumbnail"><a href="<?php  echo $article->Url;  ?>"><img width="750" height="450" src="http://blog.zanwp.com/wp-content/uploads/2014/07/banner_10.jpg" data-original="<?php  echo $temp;  ?>" class="lazy attachment-large wp-post-image" alt="banner_10" style="display: block;"><noscript><img width="750" height="450" src="<?php  echo $temp;  ?>" class="attachment-large wp-post-image" alt="banner_10" /></noscript></a></figure>		
			<div class="well">
<?php  echo $description;  ?></div>
		</div>
		<a class="btn btn-zan-line-pp btn-block" href="<?php  echo $article->Url;  ?>" title="详细阅读 <?php  echo $article->Title;  ?>">阅读全文 <span class="badge">25</span></a>
	</section>
	<!-- 小型设备文章显示结束 -->

</article>                  </div>